<template>
  <el-row :gutter="50">
    <el-col :span="4">
      <trainbrownlist></trainbrownlist>
    </el-col>
    <el-col :span="18">
      <el-table  style="margin-top: 20px" :data="tableData" border>
        <el-table-column prop="type" label="类型" width="140" ></el-table-column>
        <el-table-column prop="carNumber" label="车号" width="120" ></el-table-column>
        <el-table-column prop="location" label="所在端" width="80" ></el-table-column>
        <el-table-column prop="downloadPosition" label="下载部位" width="100" ></el-table-column>
        <el-table-column prop="downloadTime" label="下载时间" width="180" ></el-table-column>
        <el-table-column prop="fileName" label="文件名称" ></el-table-column>
      </el-table>
    </el-col>
  </el-row>
</template>

<script>
import trainbrownlist from './components/trainbrownlist'

export default {
  // eslint-disable-next-line vue/no-unused-components
  components: { trainbrownlist },
  data() {
    return {
      tableData: [
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' },
        { type: 'HXD1', carNumber: '5030', location: 'A', downloadPosition: 'ERM', downloadTime: '2020-09-14 16:30:34', fileName: 'HXD1_5030_A_ERM_20200616093025.zip' }
      ]
    }
  }
}
</script>

<style>
.el-table .el-table__header-wrapper th {
  background-color: #EBEEF5 /* 灰色 */

}
</style>

